﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SiteRequireLogin.Master" AutoEventWireup="true" CodeBehind="Marketing.aspx.cs" Inherits="TranTekBE.Marketing.Marketing" %>

<%@ Register Src="~/Marketing/Menu-Marketing.ascx" TagPrefix="uc1" TagName="MenuMarketing" %>



<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="../Maintenance/css/bootstrap.css" rel="stylesheet" />
    <link href="../Maintenance/css/custom.css" rel="stylesheet" />
    <link href="../Maintenance/css/whmcs.css" rel="stylesheet" />
    <script type="text/javascript" src="../Scripts/jsLib.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="BodyContent" runat="server">
    <div id="homepage" style="margin-top: 60px; position: absolute;margin-bottom:50px;">
        <h3 style="background-color: #006796; padding: 5px; margin-bottom: 20px; color: #fff">MARKETING</h3>
        <div style="border: 1px solid #000; padding: 10px;margin-bottom:50px">
            <h3 style="background-color: #CCC; padding: 5px; margin-bottom: 20px">Thêm Quảng Cáo & Vị trí cửa hàng & Loại quảng cáo</h3>
            <a href="" id="quangcao">
                <img width="100px" alt="Thêm Quảng Cáo" title="Thêm Quảng Cáo" src="../images/Marketing/quangcao.png" /></a>
            <a href="" id="vitriCH" style="margin-left: 20px;">
                <img width="100px" alt="Thêm Vị Trí Cửa Hàng" title="Thêm Vị Trí Cửa Hàng" src="../images/Marketing/vitriQC.png" /></a>
            <a href="" id="loaiQC" style="margin-left: 40px;">
                <img width="100px" alt="Thêm Loại Quảng Cáo" title="Thêm Loại Quảng Cáo" src="../images/Marketing/loaiQC.png" /></a>
            <%--<a href="" id="thanhtoan" style="margin-left: 40px;">
                <img width="100px" alt="Thanh Toán" title="Thanh Toán" src="../images/Marketing/loaiQC.png" /></a>
            --%>
        </div>

        <div id="loc_kq" style="border: 1px solid #000; padding-top: 10px; padding-left: 5px; margin-bottom: 10px">
            <%--Cửa hàng--%>
            <asp:DropDownList ID="droplist_vi_tri" runat="server" AutoPostBack="true" OnSelectedIndexChanged="droplist_vi_tri_SelectedIndexChanged">
            </asp:DropDownList>

            <%--Đơn vị thuê quảng cáo--%>

            <asp:DropDownList ID="droplist_doi_tac" runat="server" AutoPostBack="true" OnSelectedIndexChanged="droplist_doi_tac_SelectedIndexChanged">
            </asp:DropDownList>

            <%--Loại quảng cáo--%>

            <asp:DropDownList ID="droplist_loai_quangcao" runat="server" AutoPostBack="true" OnSelectedIndexChanged="droplist_loai_quangcao_SelectedIndexChanged">
            </asp:DropDownList>

            <%--Time start--%>
            <asp:TextBox ID="txt_time_start" runat="server" Width="200px" AutoPostBack="true" placeholder="Chọn ngày bắt đầu lọc" OnTextChanged="txt_time_start_TextChanged"></asp:TextBox>

            <%--Time end--%>
            <asp:TextBox ID="txt_time_end" runat="server" Width="200px" AutoPostBack="true" placeholder="Chọn ngày kết thúc lọc" OnTextChanged="txt_time_end_TextChanged"></asp:TextBox>

            <asp:Button ID="btnAll" runat="server" Text="Xem Tất Cả" OnClick="btnAll_Click" Style="width: 200px; height: 50px; margin-top: 0px;" />
        </div>
        <div id="content_marketing">
            <table class="table table-striped table-framed table-centered" style="width: 1024px; margin-top: 10px;" border="0">
                <thead>
                    <tr>
                        <th style="width: 20px">STT.</th>
                        <th>Hình Quảng Cáo</th>
                        <th>Vị Trí</th>
                        <th>Đối Tác</th>
                        <th>Loại QC</th>
                        <th>Ngày Hợp Đồng</th>
                        <th>Ngày Hết Hạn</th>
                        <th></th>
                        <th></th>
                    </tr>

                </thead>
                <tbody>
                    <asp:Repeater ID="rpDanhGia" runat="server">
                        <ItemTemplate>
                            <tr style="<%# ThuVien.FunctionsUtils.CSS_RowInTable(Container.ItemIndex,"#FFFFE0","#D7E3F2") %>">
                                <td class="tdGrid tdCenterM"><%# Container.ItemIndex + 1 %></td>
                                <td class="tdGrid tdCenterM">
                                    <img style="width:50px" alt="" title="" src="<%# Eval("HinhQuangCao") %>" />
                                </td>
                                <td class="tdGrid tdCenterM">
                                    <%# Eval("TenViTri") %>   <%# Eval("CuaHang") %>
                                </td>
                                <td class="tdGrid tdCenterM">
                                    <%# Eval("TenCongTy") %>
                                </td>
                                <td class="tdGrid tdCenterM">
                                    <%# Eval("Name") %>
                                </td>
                                <td class="tdGrid tdCenterM">
                                    <%# Convert.ToDateTime(Eval("StartDate")).ToShortDateString() %>
                                </td>
                                <td class="tdGrid tdCenterM">
                                    <%# Convert.ToDateTime(Eval("EndDate")).ToShortDateString() %>
                                </td>
                                <td class="tdGrid tdCenterM"><a class="btn btn-inverse" id='edit_<%# Eval("QuangCaoId") %>'>Sửa</a></td>
                                <td class="tdGrid tdCenterM"><a class="btn btn-inverse" id='payment_<%# Eval("QuangCaoId")  %>'>Thanh Toán</a></td>

                            </tr>
                            
                        </ItemTemplate>
                    </asp:Repeater>
                    <div style="overflow: hidden">
                        Pages...

                        <asp:Repeater ID="rptPages" runat="server"
                            OnItemCommand="rptPages_ItemCommand">

                            <ItemTemplate>

                                <asp:LinkButton ID="btnPage"
                                    Style="padding: 1px 3px; margin: 1px; background: #ccc; border: solid 1px #666; font: 8pt tahoma;"
                                    CommandName="Page" CommandArgument="<%# Container.DataItem %>"
                                    runat="server"><%# Container.DataItem %>

                                </asp:LinkButton>

                            </ItemTemplate>

                        </asp:Repeater>

                    </div>
                </tbody>
            </table>
        </div>
    </div>
    <script type="text/javascript">
        function LoadJS() {
            //Thêm Quảng Cáo
            $('a[id^="quangcao"]').on("click", function (e) {

                e.preventDefault();
                OpenDialog("Thêm Quảng Cáo", "Add-Advertising.aspx", 500, 1000);

            }
            );

            //Thêm Vị Trí Cửa Hàng
            $('a[id^="vitriCH"]').on("click", function (e) {

                e.preventDefault();
                OpenDialog("Thêm Vị Trí Cửa Hàng", "Add-Position-Stores.aspx", 500, 1000);

            }
            );

            //Thêm Loại Quảng Cáo
            $('a[id^="loaiQC"]').on("click", function (e) {

                e.preventDefault();
                OpenDialog("Thêm Loại Quảng Cáo", "Add-Type-Advertising.aspx", 500, 1000);

            }
            );

            //Thanh toán
            $('a[id^="payment_"]').on("click", function (e) {
                var ide = $(this).attr("id").replace("payment_", "");
                e.preventDefault();
                OpenDialog("Thanh Toán", "Payment.aspx?idquangcao=" + ide, 500, 1000);

            }
            );

            //Edit
            $('a[id^="edit_"]').on("click", function (e) {

                e.preventDefault();
                var ide = $(this).attr("id").replace("edit_", "");
                OpenDialog("Edit advertising", "Add-Advertising.aspx?idquangcao=" + ide, 500, 1000);

            }
            );

            $("#<%=txt_time_start.ClientID %>").datepicker(
                    {
                        changeMonth: true,
                        changeYear: true,
                        showButtonPanel: true,
                        dateFormat: "mm/dd/yy",
                        monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
                        monthNamesShort: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
                        dayNamesMin: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNamesShort: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNames: ["Chủ Nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
                        beforeShow: function () {
                            $(".ui-datepicker").css('font-size', 12)
                        }
                    }
                    );
            $("#<%=txt_time_end.ClientID %>").datepicker(
                    {
                        changeMonth: true,
                        changeYear: true,
                        showButtonPanel: true,
                        dateFormat: "mm/dd/yy",
                        monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5", "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
                        monthNamesShort: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"],
                        dayNamesMin: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNamesShort: ["CN", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7"],
                        dayNames: ["Chủ Nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
                        beforeShow: function () {
                            $(".ui-datepicker").css('font-size', 12)
                        }
                    }
                    );
        }
    </script>
</asp:Content>

